<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
		</style>
	</head>

	<body>
		<div class="all">
			<div>
				<h2>1.用JS监听一排水平排列的按键,用手指或鼠标拖动后改变位置,让其插入到新的位置</h2>
				<a href="diyiti.html">点击观看</a>
			</div>
			<hr />
			<div>
				<h2>2.分别解释数组方法pop() push() unshift() shift()</h2>
				<p>pop(): 删除数组中的最后一个元素</p>
				<p>push(): 在数组的尾部添加一个元素</p>
				<p>unshift(): 在数组头部添加一个元素</p>
				<p>shift(): 在数组头部删除第一个元素</p>
			</div>
			<hr />
			<div>
				<h2>3.事件绑定和普通事件有什么区别</h2>
				<p>普通事件只可以支持单个事件(如果代码中写入多个, 只能执行最后一个, 前面的会被覆盖), 事件绑定可以添加多个事件, 详见js代码</p>
				<button id="btn">点我查看事件绑定</button>
			</div>
			<hr />
			<div>
				<h2>4.ajax请求的时候get和post方式的区别</h2>
				<p>使用get请求, 会在网址的URL中提现出来, 不安全, 并且, get请求不能请求较大的数据量的数据,post正好相反</p>
			</div>
			<hr />
			<div>
				<h2>5.call和apply的区别</h2>
				<p>传递的参数不同:</p>
				<p>call()方法将参数依次传递给借用的方法作为参数...详见js代码</p>
				<p>apply()方法将参数打包成一个数组再传递给方法</p>
				<button id="btn_five">点我看区别</button>
			</div>
			<hr />
			<div>
				<h2>6.事件委托是什么, 使用事件委托有什么好处</h2>
				<p>事件委托就是利用事件冒泡的原理将自己的事件加到父级的身上, 触发执行的效果(也就是自己的事件加在别的身上)</p>
				<p>好处: 可以提高性能</p>
			</div>
		</div>
	</body>
	<script type="text/javascript">
        var btn=document.getElementById("btn");
		//普通事件
        btn.onclick=function  () {
            alert("普通1");//不执行
        }
        btn.onclick=function  () {
            alert("普通2");//弹出
        }
		//事件绑定
        btn.addEventListener("click",function  () {
            alert("绑定1");//弹出
        },false)
        btn.addEventListener("click",function  () {
            alert("绑定2");//弹出
        },false)
        
        
		var btn_five = document.getElementById("btn_five");
		function print(a, b, c, d) {
			alert(a + b + c + d);
		}
		function example(a, b, c, d) {
			//用call方式借用print,参数显式打散传递
			print.call(this, a, b, c, d);
			//用apply方式借用print, 参数作为一个数组传递,
			//这里直接用JavaScript方法内本身有的arguments数组
			print.apply(this, arguments);
			//或者封装成数组
			print.apply(this, [a, b, c, d]);
		}
		btn_five.onclick = function(){
			example("我", "是", "天", "才");
		}
		
	</script>

</html>